0%

學習mark down的寫法-基礎

本篇是將文章內容整理濃縮,作為學習之用,下文會一一附上原文連結,如有侵權,經告知之後會立即撤下

前言

這是一個學習紀錄,記下我學到的新的功能,所以只會引用文章中程式碼的部分,詳情請看參考文章原文。

參考文章

十分鐘快速掌握 Markdown

Markdown文件

標題

十分鐘快速掌握 Markdown

1
2
3
4
# 標題 1
## 標題 2
...
###### 標題 6

引用

十分鐘快速掌握 Markdown

1
> 使用引用

使用引用

清單 bullet / number l

十分鐘快速掌握 Markdown

1
2
3
4
- 這是清單
+ 這也是清單
* 這同樣是清單
- 清單子項目(一個縮排或是兩個空白 )
1
2
3
4
1. 數字型清單
2. 第二個數字清單
2. 數字清單不需要連續數字
3. 數字清單子項目(一個縮排或是兩個空白 )

分隔線

Markdown文件

1
2
3
4
5
6
7
8
9
* * *

***

*****

- - -

---





斜體

十分鐘快速掌握 Markdown

1
2
*使用斜體*。
_使用斜體_

使用斜體 *之外非斜體

使用斜體 _之外非斜體

強調

十分鐘快速掌握 Markdown

1
2
**使用強調**
__使用強調__

使用強調

使用強調

行內程式碼

十分鐘快速掌握 Markdown

將Html的標籤顯示在面上

1
`<em>123</em>` (前後加上反引號

<em>123</em>

連結

十分鐘快速掌握 Markdown

1
[Google](https://www.google.com.tw/)

Google

圖片

十分鐘快速掌握 Markdown

1
2
3
4

![unsplash 圖片](https://images.unsplash.com/photo-1573900941478-7cc800f708f3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80)

![ }內容為SEO增強 非必填

(題外話 怎樣取得圖片連結

在網站上的圖片

  1. 右鍵
  2. 複製圖片網址

電腦上的圖片

  1. 上傳到會生成url的網站
  2. 複製網址 貼在專案當中

程式碼

十分鐘快速掌握 Markdown

區塊程式碼
三個連續的反引號(`)用在開頭結尾

(let i
1
2
3
4
  setTimeout(function () {
console.log('這執行第' + i + '次');
}, 0);
}

表格

十分鐘快速掌握 Markdown

1
2
3
| thead 1 | thrad 2 | thread 3 |
|---------|---------|----------|
| td | td | td |

縮排

markdown段落中如何產生縮排

指令 含意
&nbsp; 半形的不斷行的空白格(推薦使用)
&ensp; 半形的空格
&emsp; 全形的空格